<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>大屏</title>
    <link rel="stylesheet" href="./assets/css/reset.css">
</head>

<body>
    <!-- <div class="test"></div> -->

    <!-- 头 -->
    <header>
        <h1>火辣辣的weather</h1>
        <span>2022年6月3日18时10分45秒</span>
    </header>
    <!-- 头 -->

    <!-- 图表 -->
    <section class="charts">
        <!-- left -->
        <div class="column">
            <div class="box" style="height: 4rem;"></div>
            <div class="box" style="height: 2.84rem;"></div>

        </div>
        <!-- center -->
        <div class="column">
            <div class="box box_m1" style="height: 2.5rem;"></div>
            <div class="box box_m2" style="height: 4.34rem;"></div>
        </div>
        <!-- right -->
        <div class="column">
            <!-- <div class="alltitle">标题样式</div> -->
            <div class="box" style="height: 7rem;">
                <!-- <div class="box" style="height: 3rem;"></div> -->

                <div class="navboxall" style=" height: calc(100% - 30px);padding: 0.1rem; ">
                    <table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tbody>
                            <tr>
                                <th scope="col">排名</th>
                                <th scope="col">公司</th>
                                <th scope="col">数量</th>
                                <th scope="col">增长率</th>
                            </tr>
                            <tr>
                                <td><span>1</span></td>
                                <td>快手</td>
                                <td>114万<br /></td>
                                <td>100%<br /></td>
                            </tr>
                            <tr>
                                <td><span>2</span></td>
                                <td>抖音</td>
                                <td>923823万</td>
                                <td>21%</td>
                            </tr>
                            <tr>
                                <td><span>3</span></td>
                                <td>小红书</td>
                                <td>1240253万</td>
                                <td>12%</td>
                            </tr>
                            <tr>
                                <td><span>4</span></td>
                                <td>网易</td>
                                <td>1.2亿</td>
                                <td>39%</td>
                            </tr>
                            <tr>
                                <td><span>5</span></td>
                                <td>雅虎</td>
                                <td>13423万</td>
                                <td>9%</td>
                            </tr>
                            <tr>
                                <td><span>6</span></td>
                                <td>雅</td>
                                <td>13423万</td>
                                <td>9%</td>
                            </tr>
                            <tr>
                                <td><span>7</span></td>
                                <td>虎</td>
                                <td>13423万</td>
                                <td>9%</td>
                            </tr>
                            <tr>
                                <td><span>8</span></td>
                                <td>雅</td>
                                <td>13423万</td>
                                <td>9%</td>
                            </tr>
                            <tr>
                                <td><span>9</span></td>
                                <td>虎</td>
                                <td>13423万</td>
                                <td>9%</td>
                            </tr>
                            <tr>
                                <td><span>10</span></td>
                                <td>雅</td>
                                <td>13423万</td>
                                <td>9%</td>
                            </tr>
                            <tr>
                                <td><span>11</span></td>
                                <td>虎</td>
                                <td>13423万</td>
                                <td>9%</td>
                            </tr>
                            <tr>
                                <td><span>12</span></td>
                                <td>雅</td>
                                <td>13423万</td>
                                <td>9%</td>
                            </tr>
                            <tr>
                                <td><span>13</span></td>
                                <td>虎</td>
                                <td>13423万</td>
                                <td>9%</td>
                            </tr>
                            <tr>
                                <td><span>14</span></td>
                                <td>雅虎</td>
                                <td>13423万</td>
                                <td>9%</td>
                            </tr>
                            
                        </tbody>
                    </table>
                </div>
            </div>

        </div>
    </section>
    <!-- 图表 -->

    <script src="./assets/js/flexible.js"></script>
    <script src="http://unpkg.zhimg.com/jquery"></script>
    <script src="https://unpkg.com/webopenfather-date@1.0.1/dist/wofDate.js"></script>
    <script src="http://unpkg.com/echarts"></script>
    <script src="./assets/js/left.js"></script>
    <script src="./assets/js/m1.js"></script>
    <script src="./assets/js/middle.js"></script>
    <script src="./assets/js/right.js"></script>
    <script src="./assets/js/l2.js"></script>
    <script>
        setInterval(() => {
            $('header span').html(wofDate.format('Y年m月d日H时i分s秒'))
        }, 1000)
    </script>
</body>

</html>